<template>
    <div class="author-info">
        <div class="item">
            <span>作者</span>
            <span>
                <a href="https://gitee.com/realyyycz" target="_blank" @mousedown="(event) => event.preventDefault()">
                    YYYCZ
                </a>
            </span>
        </div>
        <div class="item">
            <span>开源地址</span>
            <span>
                <a href="https://gitee.com/realyyycz" target="_blank" @mousedown="(event) => event.preventDefault()">
                    https://gitee.com/realyyycz
                </a>
            </span>
        </div>
    </div>
</template>

<style scoped lang="scss">
.author-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;

    text-align: center;
    font-size: 12px;
    color: #888;

    .item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        span {
            margin-right: 8px;
        }
    }
}
</style>
